<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul class="one">
			<li>111</li>
			<li>222</li>
		</ul>
		
		<ul class="two">
			<li>333</li>
			<li>444</li>
		</ul>
		
		<button id="btn">点击</button>
		<script src="jquery.min.js"></script>
		<script>
			//通过第二个参数设置范围
			// $("li",".two").click(function(){
			// 	console.log(this);
			// })
			
			//通过选择器来指定li
			// $(".two li").click(function(){
			// 	console.log(this);
			// })
			
			
			// //方法1:
			// $("#btn").on("click",function(){
			// 	//console.log(this);//DOM
			// 	console.log($(this));
			// })
			
			// //方法2:
			// $("#btn").click(function(){
			// 	//console.log(this);//DOM
			// 	console.log($(this));
			// })

			
			//当页面中的所有内容（图片，下载视频文件），都加载完毕，才会执行
			//页面只能出现一次, 出现多次没意义，后面会把前面覆盖
			// window.onload=function(){
			// 	console.log("111");
			// }
			
			// window.onload=function(){
			// 	console.log("222");
			// }
			
			
			//当页面中DOM,就会执行（图片，下载视频文件还在加载中）
			//可以出现多次，都会执行
			// $(document).ready(function(){
			// 	console.log("111");
			// })
			// $(document).ready(function(){
			// 	console.log("222");
			// })
			
			// //简写1：
			// $().ready(function(){
			// 	console.log("111");
			// })
			
			// //简写2：
			// $(function(){
			// 	console.log("222");
			// })
		</script>
	</body>
</html>
